/* Button Styles
------------------------------------*/
/* General Button Styles */
.btn {
  position: relative;
  transition: .2s ease;
  cursor: pointer;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
  box-shadow: none;
}

/* Button Content
------------------------------------*/
.u-btn-content {
  white-space: normal;
}

/* Buttons Only Icon (O)
------------------------------------*/
.u-btn-only-icon {
  position: relative;
}

.u-btn-only-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* Button Sizes
------------------------------------*/
/* Extra Small */
.btn-xs {
  line-height: 1.4;
  padding: 0.14286rem 0.5rem;
  font-size: 0.78571rem;
}

/* Medium */
.btn-md {
  line-height: 1.4;
  padding: 0.57143rem 1.42857rem;
  font-size: 1.07143rem;
}

/* Extra Large */
.btn-xl {
  line-height: 1.4;
  padding: 0.92857rem 1.85714rem;
  font-size: 1.28571rem;
}

/* Extramly Large */
.btn-xxl {
  line-height: 1.4;
  padding: 1.07143rem 2.14286rem;
  font-size: 1.5rem;
}

/* Button Types
------------------------------------*/
/* Inset Buttons */
.u-btn-inset {
  position: relative;
}

.u-btn-inset::before {
  position: absolute;
  top: 0.14286rem;
  right: 0.14286rem;
  bottom: 0.14286rem;
  left: 0.14286rem;
  content: "";
  border: solid 1px #fff;
  border-radius: 1px;
}

.u-btn-inset--rounded::before {
  border-radius: 50px;
}

/* 3d Buttons */
.u-btn-3d {
  border-bottom: solid 3px rgba(0, 0, 0, 0.2);
}

.u-btn-3d:hover {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

/* Skew Button */
.u-btn-skew {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.u-btn-skew__inner {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  display: block;
}

/* Button Hovers
------------------------------------*/
[class*="u-btn-hover"] {
  z-index: 1;
}

[class*="u-btn-hover"]:hover {
  text-decoration: none;
}

[class*="u-btn-hover"]:focus {
  text-decoration: none;
}

[class*="u-btn-hover"]::after {
  position: absolute;
  content: "";
  z-index: -1;
  transition: all .3s;
}

/* Hover v1-1 */
.u-btn-hover-v1-1::after {
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v1-1:hover::after {
  height: 100%;
}

/* Hover v1-2 */
.u-btn-hover-v1-2::after {
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v1-2:hover::after {
  width: 100%;
}

/* Hover v1-3 */
.u-btn-hover-v1-3::after {
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v1-3:hover::after {
  height: 100%;
}

/* Hover v1-4 */
.u-btn-hover-v1-4::after {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v1-4:hover::after {
  width: 100%;
}

/* Hover v2-1 */
.u-btn-hover-v2-1::after {
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v2-1:hover::after {
  left: 0;
  width: 100%;
}

/* Hover v2-2 */
.u-btn-hover-v2-2::after {
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v2-2:hover::after {
  top: 0;
  height: 100%;
}

/* Flat Buttons
------------------------------------*/
/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: #8cd54a;
  background-color: #8cd54a;
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
  color: #fff;
}

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
  background-color: #72c02c;
  border-color: #72c02c;
}

.u-btn-primary.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-1:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-2:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-3:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-4:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v2-1:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v2-2:hover {
  background-color: #72c02c;
  overflow: hidden;
}

/* Button White */
.u-btn-white {
  color: #555;
  background-color: #fff;
}

.u-btn-white:hover, .u-btn-white.active {
  border-color: white;
  background-color: white;
}

.u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active {
  color: #555;
}

.u-btn-white.g-btn-hover-reset:hover, .u-btn-white.g-btn-hover-reset.active {
  background-color: #fff;
  border-color: #fff;
}

.u-btn-white.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-1::after, .u-btn-white.u-btn-hover-v1-1:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-1:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2::after, .u-btn-white.u-btn-hover-v1-2:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-2:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3::after, .u-btn-white.u-btn-hover-v1-3:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-3:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4::after, .u-btn-white.u-btn-hover-v1-4:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-4:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1::after, .u-btn-white.u-btn-hover-v2-1:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-white.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-2::after, .u-btn-white.u-btn-hover-v2-2:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Black */
.u-btn-black {
  color: #fff;
  background-color: #000;
}

.u-btn-black:hover, .u-btn-black.active {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}

.u-btn-black:hover, .u-btn-black:focus, .u-btn-black.active {
  color: #fff;
}

.u-btn-black.g-btn-hover-reset:hover, .u-btn-black.g-btn-hover-reset.active {
  background-color: #000;
  border-color: #000;
}

.u-btn-black.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-1::after, .u-btn-black.u-btn-hover-v1-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-1:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2::after, .u-btn-black.u-btn-hover-v1-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-2:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3::after, .u-btn-black.u-btn-hover-v1-3:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-3:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4::after, .u-btn-black.u-btn-hover-v1-4:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-4:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1::after, .u-btn-black.u-btn-hover-v2-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-black.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-2::after, .u-btn-black.u-btn-hover-v2-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Dark Gray */
.u-btn-darkgray {
  color: #fff;
  background-color: #333;
}

.u-btn-darkgray:hover, .u-btn-darkgray.active {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}

.u-btn-darkgray:hover, .u-btn-darkgray:focus, .u-btn-darkgray.active {
  color: #fff;
}

.u-btn-darkgray.g-btn-hover-reset:hover, .u-btn-darkgray.g-btn-hover-reset.active {
  background-color: #333;
  border-color: #333;
}

.u-btn-darkgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-1::after, .u-btn-darkgray.u-btn-hover-v1-1:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-1:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2::after, .u-btn-darkgray.u-btn-hover-v1-2:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-2:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3::after, .u-btn-darkgray.u-btn-hover-v1-3:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-3:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4::after, .u-btn-darkgray.u-btn-hover-v1-4:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-4:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1::after, .u-btn-darkgray.u-btn-hover-v2-1:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-1:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2::after, .u-btn-darkgray.u-btn-hover-v2-2:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-2:hover {
  background-color: #333;
  overflow: hidden;
}

/* Button Red */
.u-btn-red {
  color: #fff;
  background-color: #f00;
}

.u-btn-red:hover, .u-btn-red.active {
  border-color: #ff3333;
  background-color: #ff3333;
}

.u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active {
  color: #fff;
}

.u-btn-red.g-btn-hover-reset:hover, .u-btn-red.g-btn-hover-reset.active {
  background-color: #f00;
  border-color: #f00;
}

.u-btn-red.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-1::after, .u-btn-red.u-btn-hover-v1-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-1:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2::after, .u-btn-red.u-btn-hover-v1-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-2:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3::after, .u-btn-red.u-btn-hover-v1-3:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-3:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4::after, .u-btn-red.u-btn-hover-v1-4:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-4:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1::after, .u-btn-red.u-btn-hover-v2-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-1:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2::after, .u-btn-red.u-btn-hover-v2-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-2:hover {
  background-color: #f00;
  overflow: hidden;
}

/* Button Red Tomato */
.u-btn-lightred {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-lightred:hover, .u-btn-lightred.active {
  border-color: #ec7568;
  background-color: #ec7568;
}

.u-btn-lightred:hover, .u-btn-lightred:focus, .u-btn-lightred.active {
  color: #fff;
}

.u-btn-lightred.g-btn-hover-reset:hover, .u-btn-lightred.g-btn-hover-reset.active {
  background-color: #e64b3b;
  border-color: #e64b3b;
}

.u-btn-lightred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-1::after, .u-btn-lightred.u-btn-hover-v1-1:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-1:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2::after, .u-btn-lightred.u-btn-hover-v1-2:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-2:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3::after, .u-btn-lightred.u-btn-hover-v1-3:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-3:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4::after, .u-btn-lightred.u-btn-hover-v1-4:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-4:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1::after, .u-btn-lightred.u-btn-hover-v2-1:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-1:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2::after, .u-btn-lightred.u-btn-hover-v2-2:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-2:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

/* Button Dark Red */
.u-btn-darkred {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-darkred:hover, .u-btn-darkred.active {
  border-color: #d01337;
  background-color: #d01337;
}

.u-btn-darkred:hover, .u-btn-darkred:focus, .u-btn-darkred.active {
  color: #fff;
}

.u-btn-darkred.g-btn-hover-reset:hover, .u-btn-darkred.g-btn-hover-reset.active {
  background-color: #a10f2b;
  border-color: #a10f2b;
}

.u-btn-darkred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-1::after, .u-btn-darkred.u-btn-hover-v1-1:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-1:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2::after, .u-btn-darkred.u-btn-hover-v1-2:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-2:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3::after, .u-btn-darkred.u-btn-hover-v1-3:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-3:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4::after, .u-btn-darkred.u-btn-hover-v1-4:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-4:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1::after, .u-btn-darkred.u-btn-hover-v2-1:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-1:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2::after, .u-btn-darkred.u-btn-hover-v2-2:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-2:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

/* Button Blue */
.u-btn-blue {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-blue:hover, .u-btn-blue.active {
  border-color: #5faee3;
  background-color: #5faee3;
}

.u-btn-blue:hover, .u-btn-blue:focus, .u-btn-blue.active {
  color: #fff;
}

.u-btn-blue.g-btn-hover-reset:hover, .u-btn-blue.g-btn-hover-reset.active {
  background-color: #3398dc;
  border-color: #3398dc;
}

.u-btn-blue.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-1::after, .u-btn-blue.u-btn-hover-v1-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-1:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2::after, .u-btn-blue.u-btn-hover-v1-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-2:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3::after, .u-btn-blue.u-btn-hover-v1-3:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-3:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4::after, .u-btn-blue.u-btn-hover-v1-4:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-4:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1::after, .u-btn-blue.u-btn-hover-v2-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-1:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2::after, .u-btn-blue.u-btn-hover-v2-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-2:hover {
  background-color: #3398dc;
  overflow: hidden;
}

/* Button Indigo */
.u-btn-indigo {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-indigo:hover, .u-btn-indigo.active {
  border-color: #5b7cbd;
  background-color: #5b7cbd;
}

.u-btn-indigo:hover, .u-btn-indigo:focus, .u-btn-indigo.active {
  color: #fff;
}

.u-btn-indigo.g-btn-hover-reset:hover, .u-btn-indigo.g-btn-hover-reset.active {
  background-color: #4263a3;
  border-color: #4263a3;
}

.u-btn-indigo.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-1::after, .u-btn-indigo.u-btn-hover-v1-1:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-1:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2::after, .u-btn-indigo.u-btn-hover-v1-2:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-2:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3::after, .u-btn-indigo.u-btn-hover-v1-3:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-3:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4::after, .u-btn-indigo.u-btn-hover-v1-4:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-4:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1::after, .u-btn-indigo.u-btn-hover-v2-1:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-1:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2::after, .u-btn-indigo.u-btn-hover-v2-2:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-2:hover {
  background-color: #4263a3;
  overflow: hidden;
}

/* Button Purple */
.u-btn-purple {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-purple:hover, .u-btn-purple.active {
  border-color: #b48fd8;
  background-color: #b48fd8;
}

.u-btn-purple:hover, .u-btn-purple:focus, .u-btn-purple.active {
  color: #fff;
}

.u-btn-purple.g-btn-hover-reset:hover, .u-btn-purple.g-btn-hover-reset.active {
  background-color: #9a69cb;
  border-color: #9a69cb;
}

.u-btn-purple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-1::after, .u-btn-purple.u-btn-hover-v1-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-1:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2::after, .u-btn-purple.u-btn-hover-v1-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-2:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3::after, .u-btn-purple.u-btn-hover-v1-3:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-3:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4::after, .u-btn-purple.u-btn-hover-v1-4:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-4:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1::after, .u-btn-purple.u-btn-hover-v2-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-1:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2::after, .u-btn-purple.u-btn-hover-v2-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-2:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

/* Button Dark Purple */
.u-btn-darkpurple {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple.active {
  border-color: #8157cb;
  background-color: #8157cb;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple:focus, .u-btn-darkpurple.active {
  color: #fff;
}

.u-btn-darkpurple.g-btn-hover-reset:hover, .u-btn-darkpurple.g-btn-hover-reset.active {
  background-color: #6639b6;
  border-color: #6639b6;
}

.u-btn-darkpurple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-1::after, .u-btn-darkpurple.u-btn-hover-v1-1:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-1:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2::after, .u-btn-darkpurple.u-btn-hover-v1-2:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-2:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3::after, .u-btn-darkpurple.u-btn-hover-v1-3:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-3:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4::after, .u-btn-darkpurple.u-btn-hover-v1-4:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-4:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1::after, .u-btn-darkpurple.u-btn-hover-v2-1:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-1:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2::after, .u-btn-darkpurple.u-btn-hover-v2-2:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-2:hover {
  background-color: #6639b6;
  overflow: hidden;
}

/* Button Pink */
.u-btn-pink {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-pink:hover, .u-btn-pink.active {
  border-color: #ed4a82;
  background-color: #ed4a82;
}

.u-btn-pink:hover, .u-btn-pink:focus, .u-btn-pink.active {
  color: #fff;
}

.u-btn-pink.g-btn-hover-reset:hover, .u-btn-pink.g-btn-hover-reset.active {
  background-color: #e81c62;
  border-color: #e81c62;
}

.u-btn-pink.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-1::after, .u-btn-pink.u-btn-hover-v1-1:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-1:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2::after, .u-btn-pink.u-btn-hover-v1-2:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-2:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3::after, .u-btn-pink.u-btn-hover-v1-3:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-3:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4::after, .u-btn-pink.u-btn-hover-v1-4:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-4:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1::after, .u-btn-pink.u-btn-hover-v2-1:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-1:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2::after, .u-btn-pink.u-btn-hover-v2-2:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-2:hover {
  background-color: #e81c62;
  overflow: hidden;
}

/* Button Orange */
.u-btn-orange {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-orange:hover, .u-btn-orange.active {
  border-color: #ea984e;
  background-color: #ea984e;
}

.u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active {
  color: #fff;
}

.u-btn-orange.g-btn-hover-reset:hover, .u-btn-orange.g-btn-hover-reset.active {
  background-color: #e57d20;
  border-color: #e57d20;
}

.u-btn-orange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-1::after, .u-btn-orange.u-btn-hover-v1-1:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-1:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2::after, .u-btn-orange.u-btn-hover-v1-2:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-2:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3::after, .u-btn-orange.u-btn-hover-v1-3:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-3:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4::after, .u-btn-orange.u-btn-hover-v1-4:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-4:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1::after, .u-btn-orange.u-btn-hover-v2-1:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-1:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2::after, .u-btn-orange.u-btn-hover-v2-2:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-2:hover {
  background-color: #e57d20;
  overflow: hidden;
}

/* Button Deep Orange */
.u-btn-deeporange {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-deeporange:hover, .u-btn-deeporange.active {
  border-color: #fe7b51;
  background-color: #fe7b51;
}

.u-btn-deeporange:hover, .u-btn-deeporange:focus, .u-btn-deeporange.active {
  color: #fff;
}

.u-btn-deeporange.g-btn-hover-reset:hover, .u-btn-deeporange.g-btn-hover-reset.active {
  background-color: #fe541e;
  border-color: #fe541e;
}

.u-btn-deeporange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-1::after, .u-btn-deeporange.u-btn-hover-v1-1:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-1:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2::after, .u-btn-deeporange.u-btn-hover-v1-2:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-2:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3::after, .u-btn-deeporange.u-btn-hover-v1-3:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-3:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4::after, .u-btn-deeporange.u-btn-hover-v1-4:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-4:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1::after, .u-btn-deeporange.u-btn-hover-v2-1:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-1:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2::after, .u-btn-deeporange.u-btn-hover-v2-2:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-2:hover {
  background-color: #fe541e;
  overflow: hidden;
}

/* Button Yellow */
.u-btn-yellow {
  color: #555;
  background-color: #ebc71d;
}

.u-btn-yellow:hover, .u-btn-yellow.active {
  border-color: #efd34c;
  background-color: #efd34c;
}

.u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow.active {
  color: #555;
}

.u-btn-yellow.g-btn-hover-reset:hover, .u-btn-yellow.g-btn-hover-reset.active {
  background-color: #ebc71d;
  border-color: #ebc71d;
}

.u-btn-yellow.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-1::after, .u-btn-yellow.u-btn-hover-v1-1:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-1:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2::after, .u-btn-yellow.u-btn-hover-v1-2:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-2:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3::after, .u-btn-yellow.u-btn-hover-v1-3:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-3:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4::after, .u-btn-yellow.u-btn-hover-v1-4:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-4:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1::after, .u-btn-yellow.u-btn-hover-v2-1:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-1:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2::after, .u-btn-yellow.u-btn-hover-v2-2:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-2:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

/* Button Aqua */
.u-btn-aqua {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-aqua:hover, .u-btn-aqua.active {
  border-color: #57dfeb;
  background-color: #57dfeb;
}

.u-btn-aqua:hover, .u-btn-aqua:focus, .u-btn-aqua.active {
  color: #fff;
}

.u-btn-aqua.g-btn-hover-reset:hover, .u-btn-aqua.g-btn-hover-reset.active {
  background-color: #29d6e6;
  border-color: #29d6e6;
}

.u-btn-aqua.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-1::after, .u-btn-aqua.u-btn-hover-v1-1:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-1:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2::after, .u-btn-aqua.u-btn-hover-v1-2:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-2:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3::after, .u-btn-aqua.u-btn-hover-v1-3:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-3:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4::after, .u-btn-aqua.u-btn-hover-v1-4:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-4:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1::after, .u-btn-aqua.u-btn-hover-v2-1:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-1:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2::after, .u-btn-aqua.u-btn-hover-v2-2:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-2:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

/* Button Cyan */
.u-btn-cyan {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-cyan:hover, .u-btn-cyan.active {
  border-color: #0ae4ff;
  background-color: #0ae4ff;
}

.u-btn-cyan:hover, .u-btn-cyan:focus, .u-btn-cyan.active {
  color: #fff;
}

.u-btn-cyan.g-btn-hover-reset:hover, .u-btn-cyan.g-btn-hover-reset.active {
  background-color: #00bed6;
  border-color: #00bed6;
}

.u-btn-cyan.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-1::after, .u-btn-cyan.u-btn-hover-v1-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-1:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2::after, .u-btn-cyan.u-btn-hover-v1-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-2:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3::after, .u-btn-cyan.u-btn-hover-v1-3:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-3:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4::after, .u-btn-cyan.u-btn-hover-v1-4:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-4:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1::after, .u-btn-cyan.u-btn-hover-v2-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-1:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2::after, .u-btn-cyan.u-btn-hover-v2-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-2:hover {
  background-color: #00bed6;
  overflow: hidden;
}

/* Button Teal */
.u-btn-teal {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-teal:hover, .u-btn-teal.active {
  border-color: #22e3be;
  background-color: #22e3be;
}

.u-btn-teal:hover, .u-btn-teal:focus, .u-btn-teal.active {
  color: #fff;
}

.u-btn-teal.g-btn-hover-reset:hover, .u-btn-teal.g-btn-hover-reset.active {
  background-color: #18ba9b;
  border-color: #18ba9b;
}

.u-btn-teal.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-1::after, .u-btn-teal.u-btn-hover-v1-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-1:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2::after, .u-btn-teal.u-btn-hover-v1-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-2:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3::after, .u-btn-teal.u-btn-hover-v1-3:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-3:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4::after, .u-btn-teal.u-btn-hover-v1-4:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-4:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1::after, .u-btn-teal.u-btn-hover-v2-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-1:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2::after, .u-btn-teal.u-btn-hover-v2-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-2:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

/* Button Brown */
.u-btn-brown {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-brown:hover, .u-btn-brown.active {
  border-color: #b09980;
  background-color: #b09980;
}

.u-btn-brown:hover, .u-btn-brown:focus, .u-btn-brown.active {
  color: #fff;
}

.u-btn-brown.g-btn-hover-reset:hover, .u-btn-brown.g-btn-hover-reset.active {
  background-color: #9c8061;
  border-color: #9c8061;
}

.u-btn-brown.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-1::after, .u-btn-brown.u-btn-hover-v1-1:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-1:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2::after, .u-btn-brown.u-btn-hover-v1-2:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-2:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3::after, .u-btn-brown.u-btn-hover-v1-3:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-3:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4::after, .u-btn-brown.u-btn-hover-v1-4:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-4:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1::after, .u-btn-brown.u-btn-hover-v2-1:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-1:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2::after, .u-btn-brown.u-btn-hover-v2-2:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-2:hover {
  background-color: #9c8061;
  overflow: hidden;
}

/* Button Bluegrey */
.u-btn-bluegray {
  color: #fff;
  background-color: #585f69;
}

.u-btn-bluegray:hover, .u-btn-bluegray.active {
  border-color: #6f7885;
  background-color: #6f7885;
}

.u-btn-bluegray:hover, .u-btn-bluegray:focus, .u-btn-bluegray.active {
  color: #fff;
}

.u-btn-bluegray.g-btn-hover-reset:hover, .u-btn-bluegray.g-btn-hover-reset.active {
  background-color: #585f69;
  border-color: #585f69;
}

.u-btn-bluegray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-1::after, .u-btn-bluegray.u-btn-hover-v1-1:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-1:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2::after, .u-btn-bluegray.u-btn-hover-v1-2:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-2:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3::after, .u-btn-bluegray.u-btn-hover-v1-3:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-3:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4::after, .u-btn-bluegray.u-btn-hover-v1-4:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-4:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1::after, .u-btn-bluegray.u-btn-hover-v2-1:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-1:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2::after, .u-btn-bluegray.u-btn-hover-v2-2:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-2:hover {
  background-color: #585f69;
  overflow: hidden;
}

/* Button Facebook */
.u-btn-facebook {
  color: #fff;
  background-color: #3b5998;
}

.u-btn-facebook:hover, .u-btn-facebook.active {
  border-color: #4c70ba;
  background-color: #4c70ba;
}

.u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook.active {
  color: #fff;
}

.u-btn-facebook.g-btn-hover-reset:hover, .u-btn-facebook.g-btn-hover-reset.active {
  background-color: #3b5998;
  border-color: #3b5998;
}

/* Button Twitter */
.u-btn-twitter {
  color: #fff;
  background-color: #00acee;
}

.u-btn-twitter:hover, .u-btn-twitter.active {
  border-color: #22c2ff;
  background-color: #22c2ff;
}

.u-btn-twitter:hover, .u-btn-twitter:focus, .u-btn-twitter.active {
  color: #fff;
}

.u-btn-twitter.g-btn-hover-reset:hover, .u-btn-twitter.g-btn-hover-reset.active {
  background-color: #00acee;
  border-color: #00acee;
}

/* Outline Buttons
------------------------------------*/
/* Outline Button Primary */
.u-btn-outline-primary {
  color: #72c02c;
  border-color: #72c02c;
  background-color: transparent;
}

.u-btn-outline-primary:focus, .u-btn-outline-primary.active {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-outline-primary:hover {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-outline-primary.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-1::after, .u-btn-outline-primary.u-btn-hover-v1-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-2::after, .u-btn-outline-primary.u-btn-hover-v1-2:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-3::after, .u-btn-outline-primary.u-btn-hover-v1-3:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-4::after, .u-btn-outline-primary.u-btn-hover-v1-4:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-1::after, .u-btn-outline-primary.u-btn-hover-v2-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-2::after, .u-btn-outline-primary.u-btn-hover-v2-2:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v3-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v3-1::after, .u-btn-outline-primary.u-btn-hover-v3-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v3-1:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button White */
.u-btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}

.u-btn-outline-white:focus, .u-btn-outline-white.active {
  color: #555;
  background-color: #fff;
}

.u-btn-outline-white:hover {
  color: #555;
  background-color: #fff;
}

.u-btn-outline-white.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-1::after, .u-btn-outline-white.u-btn-hover-v1-1:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-2::after, .u-btn-outline-white.u-btn-hover-v1-2:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-3::after, .u-btn-outline-white.u-btn-hover-v1-3:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-4::after, .u-btn-outline-white.u-btn-hover-v1-4:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-1::after, .u-btn-outline-white.u-btn-hover-v2-1:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-2::after, .u-btn-outline-white.u-btn-hover-v2-2:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Black */
.u-btn-outline-black {
  color: #000;
  border-color: #000;
  background-color: transparent;
}

.u-btn-outline-black:focus, .u-btn-outline-black.active {
  color: #fff;
  background-color: #000;
}

.u-btn-outline-black:hover {
  color: #fff;
  background-color: #000;
}

.u-btn-outline-black.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-1::after, .u-btn-outline-black.u-btn-hover-v1-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-2::after, .u-btn-outline-black.u-btn-hover-v1-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-3::after, .u-btn-outline-black.u-btn-hover-v1-3:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-4::after, .u-btn-outline-black.u-btn-hover-v1-4:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-1::after, .u-btn-outline-black.u-btn-hover-v2-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-2::after, .u-btn-outline-black.u-btn-hover-v2-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Gray */
.u-btn-outline-darkgray {
  color: #333;
  border-color: #333;
  background-color: transparent;
}

.u-btn-outline-darkgray:focus, .u-btn-outline-darkgray.active {
  color: #fff;
  background-color: #333;
}

.u-btn-outline-darkgray:hover {
  color: #fff;
  background-color: #333;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1::after, .u-btn-outline-darkgray.u-btn-hover-v1-1:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2::after, .u-btn-outline-darkgray.u-btn-hover-v1-2:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3::after, .u-btn-outline-darkgray.u-btn-hover-v1-3:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4::after, .u-btn-outline-darkgray.u-btn-hover-v1-4:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1::after, .u-btn-outline-darkgray.u-btn-hover-v2-1:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2::after, .u-btn-outline-darkgray.u-btn-hover-v2-2:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Light Gray */
.u-btn-outline-lightgray {
  color: #555;
  border-color: #eee;
  background-color: transparent;
}

.u-btn-outline-lightgray:focus, .u-btn-outline-lightgray.active {
  color: #555;
  background-color: #eee;
}

.u-btn-outline-lightgray:hover {
  color: #555;
  background-color: #eee;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1::after, .u-btn-outline-lightgray.u-btn-hover-v1-1:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2::after, .u-btn-outline-lightgray.u-btn-hover-v1-2:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3::after, .u-btn-outline-lightgray.u-btn-hover-v1-3:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4::after, .u-btn-outline-lightgray.u-btn-hover-v1-4:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1::after, .u-btn-outline-lightgray.u-btn-hover-v2-1:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2::after, .u-btn-outline-lightgray.u-btn-hover-v2-2:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Outline Red */
.u-btn-outline-red {
  color: #f00;
  border-color: #f00;
  background-color: transparent;
}

.u-btn-outline-red:focus, .u-btn-outline-red.active {
  color: #fff;
  background-color: #f00;
}

.u-btn-outline-red:hover {
  color: #fff;
  background-color: #f00;
}

.u-btn-outline-red.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-1::after, .u-btn-outline-red.u-btn-hover-v1-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-2::after, .u-btn-outline-red.u-btn-hover-v1-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-3::after, .u-btn-outline-red.u-btn-hover-v1-3:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-4::after, .u-btn-outline-red.u-btn-hover-v1-4:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-1::after, .u-btn-outline-red.u-btn-hover-v2-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-2::after, .u-btn-outline-red.u-btn-hover-v2-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Outline Red Tomato */
.u-btn-outline-lightred {
  color: #e64b3b;
  border-color: #e64b3b;
  background-color: transparent;
}

.u-btn-outline-lightred:focus, .u-btn-outline-lightred.active {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-outline-lightred:hover {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-outline-lightred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-1::after, .u-btn-outline-lightred.u-btn-hover-v1-1:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-2::after, .u-btn-outline-lightred.u-btn-hover-v1-2:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-3::after, .u-btn-outline-lightred.u-btn-hover-v1-3:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-4::after, .u-btn-outline-lightred.u-btn-hover-v1-4:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-1::after, .u-btn-outline-lightred.u-btn-hover-v2-1:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-2::after, .u-btn-outline-lightred.u-btn-hover-v2-2:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Red */
.u-btn-outline-darkred {
  color: #a10f2b;
  border-color: #a10f2b;
  background-color: transparent;
}

.u-btn-outline-darkred:focus, .u-btn-outline-darkred.active {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-outline-darkred:hover {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-outline-darkred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-1::after, .u-btn-outline-darkred.u-btn-hover-v1-1:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-2::after, .u-btn-outline-darkred.u-btn-hover-v1-2:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-3::after, .u-btn-outline-darkred.u-btn-hover-v1-3:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-4::after, .u-btn-outline-darkred.u-btn-hover-v1-4:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-1::after, .u-btn-outline-darkred.u-btn-hover-v2-1:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-2::after, .u-btn-outline-darkred.u-btn-hover-v2-2:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Blue */
.u-btn-outline-blue {
  color: #3398dc;
  border-color: #3398dc;
  background-color: transparent;
}

.u-btn-outline-blue:focus, .u-btn-outline-blue.active {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-outline-blue:hover {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-outline-blue.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-1::after, .u-btn-outline-blue.u-btn-hover-v1-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-2::after, .u-btn-outline-blue.u-btn-hover-v1-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-3::after, .u-btn-outline-blue.u-btn-hover-v1-3:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-4::after, .u-btn-outline-blue.u-btn-hover-v1-4:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-1::after, .u-btn-outline-blue.u-btn-hover-v2-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-2::after, .u-btn-outline-blue.u-btn-hover-v2-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Indigo */
.u-btn-outline-indigo {
  color: #4263a3;
  border-color: #4263a3;
  background-color: transparent;
}

.u-btn-outline-indigo:focus, .u-btn-outline-indigo.active {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-outline-indigo:hover {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-outline-indigo.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-1::after, .u-btn-outline-indigo.u-btn-hover-v1-1:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-2::after, .u-btn-outline-indigo.u-btn-hover-v1-2:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-3::after, .u-btn-outline-indigo.u-btn-hover-v1-3:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-4::after, .u-btn-outline-indigo.u-btn-hover-v1-4:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-1::after, .u-btn-outline-indigo.u-btn-hover-v2-1:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-2::after, .u-btn-outline-indigo.u-btn-hover-v2-2:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Purple */
.u-btn-outline-purple {
  color: #9a69cb;
  border-color: #9a69cb;
  background-color: transparent;
}

.u-btn-outline-purple:focus, .u-btn-outline-purple.active {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-outline-purple:hover {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-outline-purple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-1::after, .u-btn-outline-purple.u-btn-hover-v1-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-2::after, .u-btn-outline-purple.u-btn-hover-v1-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-3::after, .u-btn-outline-purple.u-btn-hover-v1-3:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-4::after, .u-btn-outline-purple.u-btn-hover-v1-4:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-1::after, .u-btn-outline-purple.u-btn-hover-v2-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-2::after, .u-btn-outline-purple.u-btn-hover-v2-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Purple */
.u-btn-outline-darkpurple {
  color: #6639b6;
  border-color: #6639b6;
  background-color: transparent;
}

.u-btn-outline-darkpurple:focus, .u-btn-outline-darkpurple.active {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-outline-darkpurple:hover {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1::after, .u-btn-outline-darkpurple.u-btn-hover-v1-1:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2::after, .u-btn-outline-darkpurple.u-btn-hover-v1-2:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3::after, .u-btn-outline-darkpurple.u-btn-hover-v1-3:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4::after, .u-btn-outline-darkpurple.u-btn-hover-v1-4:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1::after, .u-btn-outline-darkpurple.u-btn-hover-v2-1:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2::after, .u-btn-outline-darkpurple.u-btn-hover-v2-2:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Pink */
.u-btn-outline-pink {
  color: #e81c62;
  border-color: #e81c62;
  background-color: transparent;
}

.u-btn-outline-pink:focus, .u-btn-outline-pink.active {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-outline-pink:hover {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-outline-pink.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-1::after, .u-btn-outline-pink.u-btn-hover-v1-1:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-2::after, .u-btn-outline-pink.u-btn-hover-v1-2:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-3::after, .u-btn-outline-pink.u-btn-hover-v1-3:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-4::after, .u-btn-outline-pink.u-btn-hover-v1-4:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-1::after, .u-btn-outline-pink.u-btn-hover-v2-1:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-2::after, .u-btn-outline-pink.u-btn-hover-v2-2:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Orange */
.u-btn-outline-orange {
  color: #e57d20;
  border-color: #e57d20;
  background-color: transparent;
}

.u-btn-outline-orange:focus, .u-btn-outline-orange.active {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-outline-orange:hover {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-outline-orange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-1::after, .u-btn-outline-orange.u-btn-hover-v1-1:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-2::after, .u-btn-outline-orange.u-btn-hover-v1-2:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-3::after, .u-btn-outline-orange.u-btn-hover-v1-3:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-4::after, .u-btn-outline-orange.u-btn-hover-v1-4:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-1::after, .u-btn-outline-orange.u-btn-hover-v2-1:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-2::after, .u-btn-outline-orange.u-btn-hover-v2-2:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Deep Orange */
.u-btn-outline-deeporange {
  color: #fe541e;
  border-color: #fe541e;
  background-color: transparent;
}

.u-btn-outline-deeporange:focus, .u-btn-outline-deeporange.active {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-outline-deeporange:hover {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1::after, .u-btn-outline-deeporange.u-btn-hover-v1-1:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2::after, .u-btn-outline-deeporange.u-btn-hover-v1-2:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3::after, .u-btn-outline-deeporange.u-btn-hover-v1-3:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4::after, .u-btn-outline-deeporange.u-btn-hover-v1-4:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1::after, .u-btn-outline-deeporange.u-btn-hover-v2-1:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2::after, .u-btn-outline-deeporange.u-btn-hover-v2-2:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Yellow */
.u-btn-outline-yellow {
  color: #555;
  border-color: #ebc71d;
  background-color: transparent;
}

.u-btn-outline-yellow:focus, .u-btn-outline-yellow.active {
  color: #555;
  background-color: #ebc71d;
}

.u-btn-outline-yellow:hover {
  color: #555;
  background-color: #ebc71d;
}

.u-btn-outline-yellow.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-1::after, .u-btn-outline-yellow.u-btn-hover-v1-1:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-2::after, .u-btn-outline-yellow.u-btn-hover-v1-2:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-3::after, .u-btn-outline-yellow.u-btn-hover-v1-3:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-4::after, .u-btn-outline-yellow.u-btn-hover-v1-4:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-1::after, .u-btn-outline-yellow.u-btn-hover-v2-1:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-2::after, .u-btn-outline-yellow.u-btn-hover-v2-2:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Aqua */
.u-btn-outline-aqua {
  color: #29d6e6;
  border-color: #29d6e6;
  background-color: transparent;
}

.u-btn-outline-aqua:focus, .u-btn-outline-aqua.active {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-outline-aqua:hover {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-outline-aqua.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-1::after, .u-btn-outline-aqua.u-btn-hover-v1-1:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-2::after, .u-btn-outline-aqua.u-btn-hover-v1-2:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-3::after, .u-btn-outline-aqua.u-btn-hover-v1-3:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-4::after, .u-btn-outline-aqua.u-btn-hover-v1-4:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-1::after, .u-btn-outline-aqua.u-btn-hover-v2-1:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-2::after, .u-btn-outline-aqua.u-btn-hover-v2-2:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Cyan */
.u-btn-outline-cyan {
  color: #00bed6;
  border-color: #00bed6;
  background-color: transparent;
}

.u-btn-outline-cyan:focus, .u-btn-outline-cyan.active {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-outline-cyan:hover {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-outline-cyan.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-1::after, .u-btn-outline-cyan.u-btn-hover-v1-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-2::after, .u-btn-outline-cyan.u-btn-hover-v1-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-3::after, .u-btn-outline-cyan.u-btn-hover-v1-3:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-4::after, .u-btn-outline-cyan.u-btn-hover-v1-4:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-1::after, .u-btn-outline-cyan.u-btn-hover-v2-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-2::after, .u-btn-outline-cyan.u-btn-hover-v2-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Teal */
.u-btn-outline-teal {
  color: #18ba9b;
  border-color: #18ba9b;
  background-color: transparent;
}

.u-btn-outline-teal:focus, .u-btn-outline-teal.active {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-outline-teal:hover {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-outline-teal.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-1::after, .u-btn-outline-teal.u-btn-hover-v1-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-2::after, .u-btn-outline-teal.u-btn-hover-v1-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-3::after, .u-btn-outline-teal.u-btn-hover-v1-3:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-4::after, .u-btn-outline-teal.u-btn-hover-v1-4:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-1::after, .u-btn-outline-teal.u-btn-hover-v2-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-2::after, .u-btn-outline-teal.u-btn-hover-v2-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Brown */
.u-btn-outline-brown {
  color: #9c8061;
  border-color: #9c8061;
  background-color: transparent;
}

.u-btn-outline-brown:focus, .u-btn-outline-brown.active {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-outline-brown:hover {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-outline-brown.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-1::after, .u-btn-outline-brown.u-btn-hover-v1-1:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-2::after, .u-btn-outline-brown.u-btn-hover-v1-2:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-3::after, .u-btn-outline-brown.u-btn-hover-v1-3:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-4::after, .u-btn-outline-brown.u-btn-hover-v1-4:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-1::after, .u-btn-outline-brown.u-btn-hover-v2-1:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-2::after, .u-btn-outline-brown.u-btn-hover-v2-2:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Bluegrey */
.u-btn-outline-bluegray {
  color: #585f69;
  border-color: #585f69;
  background-color: transparent;
}

.u-btn-outline-bluegray:focus, .u-btn-outline-bluegray.active {
  color: #fff;
  background-color: #585f69;
}

.u-btn-outline-bluegray:hover {
  color: #fff;
  background-color: #585f69;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1::after, .u-btn-outline-bluegray.u-btn-hover-v1-1:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2::after, .u-btn-outline-bluegray.u-btn-hover-v1-2:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3::after, .u-btn-outline-bluegray.u-btn-hover-v1-3:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4::after, .u-btn-outline-bluegray.u-btn-hover-v1-4:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1::after, .u-btn-outline-bluegray.u-btn-hover-v2-1:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2::after, .u-btn-outline-bluegray.u-btn-hover-v2-2:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Facebook */
.u-btn-outline-facebook {
  color: #3b5998;
  border-color: #3b5998;
  background-color: transparent;
}

.u-btn-outline-facebook:focus, .u-btn-outline-facebook.active {
  color: #fff;
  background-color: #3b5998;
}

.u-btn-outline-facebook:hover {
  color: #fff;
  background-color: #3b5998;
}

/* Button Twitter */
.u-btn-outline-twitter {
  color: #00acee;
  border-color: #00acee;
  background-color: transparent;
}

.u-btn-outline-twitter:focus, .u-btn-outline-twitter.active {
  color: #fff;
  background-color: #00acee;
}

.u-btn-outline-twitter:hover {
  color: #fff;
  background-color: #00acee;
}

/* Button Dribbble */
.u-btn-outline-dribbble {
  color: #ea4c89;
  border-color: #ea4c89;
  background-color: transparent;
}

.u-btn-outline-dribbble:focus, .u-btn-outline-dribbble.active {
  color: #fff;
  background-color: #ea4c89;
}

.u-btn-outline-dribbble:hover {
  color: #fff;
  background-color: #ea4c89;
}

/* Gradient Buttons
------------------------------------*/
/* Gradient Style v1 */
.u-btn-gradient-v1 {
  color: #fff;
  background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%) !important;
  -o-border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image-slice: 1;
}

.u-btn-gradient-v1:hover, .u-btn-gradient-v1:focus, .u-btn-gradient-v1.active {
  opacity: .9;
  color: #fff;
}

/* Gradient Style v2 */
.u-btn-gradient-v2 {
  color: #fff;
  background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%) !important;
  -o-border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image-slice: 1;
}

.u-btn-gradient-v2:hover, .u-btn-gradient-v2:focus, .u-btn-gradient-v2.active {
  opacity: .9;
  color: #fff;
}

/* Gradient Outline Buttons
------------------------------------*/
/* Gradient Style v1 */
.u-btn-outline-gradient-v1 {
  color: #555;
  background: transparent;
  -o-border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image-slice: 1;
}

.u-btn-outline-gradient-v1:hover, .u-btn-outline-gradient-v1:focus, .u-btn-outline-gradient-v1.active {
  background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  color: #fff;
}

/* Gradient Style v2 */
.u-btn-outline-gradient-v2 {
  color: #555;
  background: transparent;
  -o-border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image-slice: 1;
}

.u-btn-outline-gradient-v2:hover, .u-btn-outline-gradient-v2:focus, .u-btn-outline-gradient-v2.active {
  background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  color: #fff;
}